﻿@{
    canthovieclam.Models.LayoutModels data = ViewBag.UserData as canthovieclam.Models.LayoutModels;
}

<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/css/responsivegridsystem.css")" rel="stylesheet" type="text/css" media="all" />
    <link href="@Url.Content("~/css/col.css")" rel="stylesheet" type="text/css" media="all" />
    <link href="@Url.Content("~/css/2cols.css")" rel="stylesheet" type="text/css" media="all" />
    <link href="@Url.Content("~/css/3cols.css")" rel="stylesheet" type="text/css" media="all" />
    <link href="@Url.Content("~/css/4cols.css")" rel="stylesheet" type="text/css" media="all" />
    <link href="@Url.Content("~/css/5cols.css")" rel="stylesheet" type="text/css" media="all" />
    <link href="@Url.Content("~/css/6cols.css")" rel="stylesheet" type="text/css" media="all" />
    <link href="@Url.Content("~/css/7cols.css")" rel="stylesheet" type="text/css" media="all" />
    <link href="@Url.Content("~/css/8cols.css")" rel="stylesheet" type="text/css" media="all" />
    <link href="@Url.Content("~/css/9cols.css")" rel="stylesheet" type="text/css" media="all" />
    <link href="@Url.Content("~/css/10cols.css")" rel="stylesheet" type="text/css" media="all" />
    <link href="@Url.Content("~/css/11cols.css")" rel="stylesheet" type="text/css" media="all" />
    <link href="@Url.Content("~/css/12cols.css")" rel="stylesheet" type="text/css" media="all" />
    @*<link rel="stylesheet" href="css/html5reset.css" media="all">*@

    <!-- Responsive Stylesheets -->
    <link rel="stylesheet" media="only screen and (max-width: 1024px) and (min-width: 769px)" href="/css/1024.css">
    <link rel="stylesheet" media="only screen and (max-width: 768px) and (min-width: 481px)" href="/css/768.css">
    <link rel="stylesheet" media="only screen and (max-width: 480px)" href="/css/480.css">

    <script src="@Url.Content("~/Scripts/jquery-1.7.2.min.js")" type="text/javascript"> </script>
    <script src="@Url.Content("~/Scripts/modernizr-2.5.3-min.js")" type="text/javascript"> </script>
    <script src="@Url.Content("~/Scripts/selectivizr-min.js")" type="text/javascript"> </script>
    <script type="text/javascript" src="@Url.Content("~/Content/jwplayer/jwplayer.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.clearfield.packed.js")"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            jwplayer("jwplayer").setup({
                flashplayer: "http://player.longtailvideo.com/player.swf",
                file: "http://www.youtube.com/watch?v=9ZLbSk1Te68",
                autostart: false,
            });
            $('.clearField').clearField();
        });
    </script>
</head>
<body>
    <div class="page">
        <div class="menubg">
        </div>
        <div class="main-container">
            <div id="header">
                <div id="menucontainer">
                    <div class="main-logo">
                        <div class="img">
                            <img src="../../Images/logo_global.gif" alt="canthovieclam logo" title="logo" />
                        </div>
                        <div class="slogan">
                            <span>Canthovieclam.vn</span>
                            <div><sub>Tìm đúng việc cho bạn</sub></div>
                        </div>
                    </div>
                    <div class="right">
                        <ul id="menu">
                            <li>@Html.ActionLink("Trang chủ", "Index", "Home")</li>
                            <li>@Html.ActionLink("Đăng tuyển dụng", "Post", "Employer")</li>
                        </ul>
                        <div id="logindisplay" class="right clear">
                            @Html.Partial("_LogOnPartial")
                        </div>
                    </div>
                </div>
            </div>
            <div class="section group search-box">
                <div class="col span_3_of_10">
                    @Html.TextBox("txtFindJob", "Vị trí công việc, chức danh ...", new { @class = "clearField", rel = "Vị trí công việc, chức danh ..." })
                </div>
                <div class="col span_2_of_10">
                    @Html.DropDownList("ddlJobCategory", data.JobCategories as SelectList, "Tất cả ngành nghề")
                </div>
                <div class="col span_2_of_10">
                    @Html.DropDownList("ddlLocation", data.Locations as SelectList, "Tất cả tỉnh thành")
                </div>
                <div class="col span_3_of_10">
                    <button class="search-button">Tìm việc</button>
                    <button class="search-button">Ngành nghề</button>
                </div>
            </div>
            <div id="header_img">
                <img src="../../Images/@data.HeaderImage" alt="can tho viec lam" title="header image" />
            </div>
            <div class="section group">
                <div class="col span_2_of_5">
                    <div id="jwplayer">loading video</div>
                    @*<img src="../../Images/cantho-brigde.jpg" class="siteimage" />*@
                </div>
                <div class="col span_3_of_5">
                    <div class="register-box">
                        <div class="section group">
                            <h2>@ViewBag.Message</h2>
                        </div>
                        <div class="section group">
                            <a href="#">Sign Up</a> now to upload your CV so that Hiring Companies may find you!
                        </div>
                    </div>
                </div>
            </div>
            <div id="main">
                @RenderBody()
            </div>
            <div id="footer">
            </div>
        </div>
    </div>
</body>
</html>
